<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>Demo "Coticula" - "minimalism line" theme</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="style.css" type="text/css" />
	</head>

	<body>
		<div id="wrapper">

<div id="top-bar">
	<div id="top-bar-inside">
		<div id="top-bar-content">
			Welcome <strong>root</strong>! [ 
			<a href="" class="login-link">Log Off</a>
			 ]
		</div>
	</div>
</div>

<div id="header">
	<div id="header-inside">
		<div id="logo">
			<h1><a href="#">Coticula</a></h1>
		</div>
		<ul id="top-menu">
			<li><a href="#" title="Return to home page.">Home</a></li>
			<li><a href="#" title="Coticula forums.">Forums</a></li>
			<li><a href="#" title="Go to about page.">About "Coticula"</a></li>
		</ul>
	</div> <!-- header-inside -->
</div> <!-- header -->

<div id="main">

	<div id="container">
		<div id="content">

			<ul id="page-menu">
				<li><a href="#">Submit</a></li>
				<li><a href="#">Problems</a></li>
				<li class="selected"><a href="#">Results</a></li>
			</ul>
			
			<h1>About Us</h1>
			<p>This is <strong>Dasdgasd</strong>, a free, fully standards-compliant CSS template designed by ddd for <a href="#">refd df dfa dfsdf</a>. This free template is released under a <a href="#">Creative Commons ffoog fdicege</a>, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)</p>
			<ul>
				<li>First element</li>
				<li>Second element</li>
				<li class="selected">Third element</li>
				<li>Fourth element</li>
			</ul>
			<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.</p>
			
			<ul id="page-menu">
				<li><a href="#">Submit</a></li>
				<li><a href="#">Problems</a></li>
				<li class="selected"><a href="#">Results</a></li>
			</ul>
			
			<div class="paged-table">
				<h2>Table name</h2>
				<table>
					<thead>
						<tr>
							<th>id</th>
							<th>name</th>
							<th>value</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td><a href="#">username</a></td>
							<td>value</td>
						</tr>
						<tr>
							<td>1</td>
							<td><a href="#">username</a></td>
							<td>value</td>
						</tr>
						<tr>
							<td>1</td>
							<td><a href="#">username</a></td>
							<td>value</td>
						</tr>
					</tbody>
				</table>
				<a href="#">Previous page</a> | <a href="#">Next page</a>
			</div>

			<p>This is <strong>Dasdgasd</strong>, a free, fully standards-compliant CSS template designed by ddd for <a href="#">refd df dfa dfsdf</a>. This free template is released under a <a href="#">Creative Commons ffoog fdicege</a>, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)</p>
			<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.</p>
			
			<div class="form" />
				<form action="#" method="get">
					<fieldset>
						<legend><h2>Form name</h2></legend>
						<label for="firstField">First field</label>
						<input type="text" name="firstField"/>
						
						<label for="secondField">Second field</label>
						<input type="text" name="secondField"/>
						
						<input type="checkbox" name="checkBoxEl" />
						<label for="checkBoxEl">Check box element</label><br/>
						
						<label for="firstField">Password field</label>
						<input type="password" name="passwordField"/>
						
						<input type="hidden" />
						
						<input type="radio" name="sex" value="male" />
						<label for="checkBoxEl">Male</label><br/>
						
						<input type="radio" name="sex" value="female" />
						<label for="checkBoxEl">Female</label><br/>
						
						<label for="textAreaField">Big text</label>
						<textarea id="textAreaField" name="textAreaField" cols="70" rows="5"></textarea>
						
						<label for="checkBoxEl">Color</label>
						<select>
							<option value="1">Red</option>
							<option value="2" selected="selected">Green</option>
							<option value="3">Blue</option>
							<option value="4">White</option>
						</select>
						
						<input type="submit" value="Submit" />
					</fieldset>
				</form>
			</div>
			
			<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.</p>

			<h2>Log On</h2>
			<div class="validation-summary-errors"><span>Login was unsuccessful. Please correct the errors and try again.</span>
				<ul><li style="display:none"></li></ul>
			</div>
			<form action="/dev/Account/LogOn" method="post">
				<div>
					<fieldset>
						<legend>Account Information</legend>
						<div class="editor-label">
							<label for="UserName">User name</label>
						</div>
						<div class="editor-field">
							<input class="input-validation-error" data-val="true" data-val-required="The User name field is required." id="UserName" name="UserName" type="text" value="" />
							<span class="field-validation-error" data-valmsg-for="UserName" data-valmsg-replace="true">The User name field is required.</span>
						</div>
						<div class="editor-label">
							<label for="Password">Password</label>
						</div>
						<div class="editor-field">
							<input class="input-validation-error" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" type="password" />
							<span class="field-validation-error" data-valmsg-for="Password" data-valmsg-replace="true">The Password field is required.</span>
						</div>
						<div class="editor-label">
							<input data-val="true" data-val-required="The Remember me? field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true" /><input name="RememberMe" type="hidden" value="false" />
							<label for="RememberMe">Remember me?</label>
						</div>

						<p>
							<input type="submit" value="Log On" />
						</p>
					</fieldset>
				</div>
			</form>

			<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.</p>
		</div> <!-- content -->
	</div>

	<div id="sidebar">

		<div class="widget">
			<div class="some widget">
				<h2>Widget</h2>
				Tales situs solent esse scitu dignorum repositoria: encyclopaediae et lexica, quoniam omnes simul collaborantes possunt singuli peritiam suam addere.<br/>
				<a href="#">View this</a>
			</div>
		</div> <!-- widget -->
		
		<div class="widget">
			<div id="links widget">
				<h2>Links</h2>
				<a href="http://www.twitter.com">Twitter</a>
				<a href="http://www.facebook.com">Facebook</a>
			</div> <!-- links -->
		</div> <!-- widget -->
		
		<div class="widget">
			<div class="paged-table">
				<h2>Table name</h2>
				<table>
					<thead>
						<tr>
							<th>id</th>
							<th>name</th>
							<th>value</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td><a href="#">username</a></td>
							<td>value</td>
						</tr>
						<tr>
							<td>1</td>
							<td><a href="#">username</a></td>
							<td>value</td>
						</tr>
						<tr>
							<td>1</td>
							<td><a href="#">username</a></td>
							<td>value</td>
						</tr>
					</tbody>
				</table>
				<a href="#">Previous page</a> | <a href="#">Next page</a>
			</div>
		</div> <!-- widget -->

	</div> <!-- sidebar -->

</div> <!-- main -->

</div> <!-- wrapper -->

<div id="footer">
	<div id="footer-inside">
		<div id="footer-left">
			Coticula &copy; 2011
		</div> <!-- footer-left -->
		<div id="footer-right">
				<a href="http://www.twitter.com">Twitter</a> |
				<a href="http://www.facebook.com">Facebook</a> |
				<a href="http://www.twitter.com">Twitter</a> |
				<a href="http://www.facebook.com">Facebook</a> |
				<a href="#">Team</a> |
				<a href="#">Contact Us</a>
			</div> <!-- footer-right -->
	</div> <!-- footer-inside -->
</div> <!--footer-->        

	</body>

</html>
